<template>
  <el-container>
    <el-header>
      <el-steps :active="index" simple>
        <el-step title="标识信息" icon="el-icon-edit"/>
        <el-step title="理化属性" icon="el-icon-postcard"/>
        <el-step title="环境行为" icon="el-icon-s-order"/>
        <el-step title="生态危害" icon="el-icon-tickets"/>
        <el-step title="健康危害" icon="el-icon-document-copy"/>
        <el-step title="行业信息" icon="el-icon-document-checked"/>
      </el-steps>
    </el-header>
    <el-main>
      <Mark v-show="index===0" :message="elementData"/>
      <physical-and-chemical v-show="index===1" :message="elementData"/>
      <circumstance-behavior v-show="index===2" :message="elementData"/>
      <ecology-hazard v-show="index===3" :message="elementData"/>
      <health-hazard v-show="index===4" :message="elementData"/>
      <industry-info v-show="index===5" :message="elementData"/>
    </el-main>
    <el-footer>
      <el-button v-show="index>0" type="primary" style="margin-top: 12px;" @click="before">上一步</el-button>
      <el-button v-show="index<5" type="primary" style="margin-top: 12px;" @click="next">下一步</el-button>
      <el-button type="primary" style="margin-top: 12px;" @click="modify">完成</el-button>
    </el-footer>
  </el-container>
</template>

<script>
    import Mark from './EleAttrCategory/Mark'
    import HealthHazard from './EleAttrCategory/HealthHazard'
    import CircumstanceBehavior from './EleAttrCategory/CircumstanceBehavior'
    import EcologyHazard from './EleAttrCategory/EcologyHazard'
    import IndustryInfo from './EleAttrCategory/IndustryInfo'
    import PhysicalAndChemical from './EleAttrCategory/PhysicalAndChemical'

    export default {
        name: 'ElementModify',
        components: {
            Mark,
            PhysicalAndChemical,
            IndustryInfo,
            EcologyHazard,
            CircumstanceBehavior,
            HealthHazard
        },
        // eslint-disable-next-line vue/require-prop-types
        props: ['elementData'],
        data() {
            return {
                index: 0,
                data: {
                    // 基本属性
                    // 物质编码
                    'picBase64': '',
                    'baseinfoWzbm': '',
                    // 中文名称
                    'baseinfoZwmc': '',
                    // 中文其他名称
                    'baseinfoZwqtmc': '',
                    // 英文名称
                    'baseinfoYwmc': '',
                    // 英文其他名称
                    'baseinfoYwqtmc': '',
                    // IUPAC名称
                    'baseinfoIupac': '',
                    // CAS号
                    'baseinfoCas': '',
                    // SMILES码
                    'baseinfoSmiles': '',
                    // 分子式
                    'baseinfoFzs': '',
                    // 相对分子质量
                    'baseinfo_xdfzzl': '',
                    // 结构式
                    'baseinfo_jgs': '',
                    // 理化属性
                    // 基本性状
                    'lhsxbJbxz': '',

                    // 沸点
                    'lhsxbFd': '',

                    // 水溶解度
                    'lhsxbSrjd': '',

                    // 饱和蒸气压
                    'lhsxbBhzqy': '',

                    // 熔点
                    'lhsxbRd': '',

                    // 相对密度
                    'lhsxbXdmd': '',

                    // 闪点
                    'lhsxbSd': '',

                    // 亨利常数
                    'lhsxbHlcs': '',

                    // Kow对数值
                    'lhsxbKowdsz': '',

                    // Kow备注
                    'lhsxbKowbz': '',

                    // Koc值
                    'lhsxbKocz': '',

                    // 解离常数pKa
                    'lhsxbJlcspka': '',

                    // 燃烧性
                    'lhsxbRsx': '',

                    // 氧化性
                    'lhsxbYhx': '',

                    // 爆炸性
                    'lhsxbBzx': '',

                    // 表面张力
                    'lhsxbBmzl': '',
                    // pH
                    'lhsxbPh': '',
                    // 其他理化信息
                    'lhsxbQtlhxx': '',
                    // 环境行为
                    // 环境行为概述
                    'hjxwbHjxwgs': '',
                    // 生物降解半衰期（淡水）
                    'hjxwbSwjjbsqDs': '',
                    // 生物降解半衰期（淡水沉积物）
                    'hjxwbSwjjbsqDscjw': '',
                    // 生物降解半衰期（海水）
                    'hjxwbSwjjbsqHs': '',
                    // 生物降解半衰期（海洋沉积物）
                    'hjxwbSwjjbsqHycjw': '',
                    // 生物降解半衰期（土壤）
                    'hjxwbSwjjbsqTr': '',
                    // 生物降解试验终点
                    'hjxwbSwjjsyzd': '',
                    // 生物降解试验终点值
                    'hjxwbSwjjsyzdz': '',
                    // 生物降解试验时间
                    'hjxwbSwjjsysj': '',
                    // 生物降解试验方法
                    'hjxwbSwjjsyff': '',
                    // 生物降解备注
                    'hjxwbBSwjjbz': '',
                    // 光解半衰期（水）
                    'hjxwbGjbsqS': '',
                    // 光解半衰期（大气）
                    'hjxwbGjbsqDq': '',
                    // 光解半衰期（土壤）
                    'hjxwbGjbsqTr': '',
                    // 水解半衰期（淡水）
                    'hjxwbSjbsqDs': '',
                    // 水解半衰期（海水）
                    'hjxwbSjbsqHs': '',
                    // 其他降解性说明
                    'hjxwbQtjjxsm': '',
                    // BCF值（水生）
                    'hjxwbBcfzSs': '',
                    // BCF值（陆生）
                    'hjxwbBcfzLs': '',
                    // BMF值
                    'hjxwbBmf': '',
                    // TMF值
                    'hjxwbTmf': '',
                    // BSAF值
                    'hjxwbBsaf': '',
                    // 生物累积性备注
                    'hjxwbSwljxbz': '',
                    // 其他环境行为信息
                    'hjxwbQthjxwxx': '',

                    // 生态危害
                    //                     环境危害分类
                    'stwhbHjwhfl': '',
                    //                     生态毒性描述
                    'stwhbStdxms': '',
                    //                     鱼类急毒LC50
                    'stwhbYljdlc50': '',
                    //                     鱼类急毒试验时间
                    'stwhbYljdsysj': '',
                    //                     鱼类急毒试验方法
                    'stwhbYljdsyff': '',
                    //                     鱼类急毒试验种属
                    'stwhbYljdsyzs': '',
                    //                     鱼类急毒备注
                    'stwhbYljdbz': '',
                    //                     鱼类慢毒NOEC
                    'stwhbYlmdnoec': '',
                    //                     鱼类慢毒LOEC
                    'stwhbYlmdloec': '',
                    //                     鱼类慢毒LC10
                    'stwhbYlmdlc10': '',
                    //                     鱼类慢毒效应说明
                    'stwhbYlmdxysm': '',
                    //                     鱼类慢毒试验时间
                    'stwhbYlmdsysj': '',
                    //                     鱼类慢毒试验方法
                    'stwhbYlmdsyff': '',
                    //                     鱼类慢毒试验种属
                    'stwhbYlmdsyzs': '',
                    //                     鱼类慢毒备注
                    'stwhbYlmdbz': '',
                    //                     鱼类总体毒性备注
                    'stwhbYlztdxbz': '',
                    //                     水生无脊椎生物急毒EC50
                    'stwhbSswjzswjdec50': '',
                    //                     水生无脊椎生物急毒试验时间
                    'stwhbSswjzswjdsysj': '',
                    //                     水生无脊椎生物急毒试验方法
                    'stwhbSswjzswjdsyff': '',
                    //                     水生无脊椎生物急毒试验种属
                    'stwhbSswjzswjdsyzs': '',
                    //                     水生无脊椎生物急毒备注
                    'stwhbSswjzswjdbz': '',
                    //                     水生无脊椎生物慢毒NOEC
                    'stwhbSswjzswmdnoec': '',
                    //                     水生无脊椎生物慢毒LOEC
                    'stwhbSswjzswmdloec': '',
                    //                     水生无脊椎生物慢毒LC10
                    'stwhbSswjzswmdlc10': '',
                    //                     水生无脊椎生物慢毒效应说明
                    'stwhbSswjzswmdxysm': '',
                    //                     水生无脊椎生物慢毒试验时间
                    'stwhbSswjzswmdsysj': '',
                    //                     水生无脊椎生物慢毒试验方法
                    'stwhbSswjzswmdsyff': '',
                    //                     水生无脊椎生物慢毒试验种属
                    'stwhbSswjzswmdsyzs': '',
                    //                     水生无脊椎生物慢毒备注
                    'stwhbSswjzswmdbz': '',
                    //                     水生无脊椎生物总体毒性备注
                    'stwhbSswjzswztdxbz': '',
                    // 藻类急毒EC50
                    'stwhbZljdec50': '',
                    //             藻类急毒试验种属
                    'stwhbZljdsyzs': '',
                    //             藻类急毒备注
                    'stwhbZljdbz': '',
                    //             藻类慢毒NOEC
                    'stwhbZlmdnoec': '',
                    //             藻类慢毒LOEC
                    'stwhbZlmdloec': '',
                    //             藻类慢毒EC10
                    'stwhbZlmdec10': '',
                    //             藻类慢毒效应说明
                    'stwhbZlmdxysm': '',
                    //             藻类慢毒试验时间
                    'stwhbZlmdsysj': '',
                    //             藻类慢毒试验方法
                    'stwhbZlmdsyff': '',
                    //             藻类慢毒试验种属
                    'stwhbZlmdsyzs': '',
                    //             藻类慢毒备注
                    'stwhbZlmdbz': '',
                    //             藻类总体毒性备注
                    'stwhbZlztdxbz': '',
                    //             水生植物急性毒性
                    'stwhbSszwjxdx': '',
                    //             水生植物慢性毒性
                    'stwhbSszwmxdx': '',
                    //             水生微生物毒性
                    'stwhbSswswdx': '',
                    //             其他水生毒性
                    'stwhbQtssdx': '',
                    //             底栖生物毒性
                    'stwhbDqswdx': '',
                    //             陆生节肢生物毒性
                    'stwhbLsjzswdx': '',
                    //             陆生植物毒性
                    'stwhbLszwdx': '',
                    //             陆生土壤生物毒性
                    'stwhbLstrswdx': '',
                    //             陆生土壤微生物毒性
                    'stwhbLstrwswdx': '',
                    //             鸟类毒性
                    'stwhbNldx': '',
                    //             其他陆生生物毒性
                    'stwhbQtlsswdx': '',
                    //             其他生态毒性
                    'stwhbQtstdx': '',

                    // 健康危害
                    // 健康危害分类
                    'jkwhbJkwhfl': '',
                    // 经口急毒LD50
                    'jkwhbJkjdld50': '',
                    // 经口急毒试验物种
                    'jkwhbJkjdsywz': '',
                    // 经口急毒暴露时间
                    'jkwhbJdjkblsj': '',
                    // 经口急毒试验方法
                    'jkwhbJdjksyff': '',
                    // 经口急毒备注
                    'jkwhbJdjkbz': '',
                    // 经皮急毒LD50
                    'jkwhbJpjdld50': '',
                    // 经皮急毒试验物种
                    'jkwhbJpjdsywz': '',
                    // 经皮急毒暴露时间
                    'jkwhbJpjdblsj': '',
                    // 经皮急毒试验方法
                    'jkwhbJpjdsyff': '',
                    //  经皮急毒备注
                    'jkwhbJpjdbz': '',
                    // 吸入（气体）急毒LC50
                    'jkwhbXrQtJdlc50': '',
                    // 吸入（蒸气）急毒LC50
                    'jkwhbXrZqJdlc50': '',
                    // 吸入（粉尘）急毒LC50
                    'jkwhbXrFcJdlc50': '',
                    // 吸入急毒试验物种
                    'jkwhbXrjdsywz': '',
                    // 吸入急毒暴露时间
                    'jkwhbXrjdblsj': '',
                    // 吸入急毒试验方法
                    'jkwhbXrjdsyff': '',
                    // 吸入急毒备注
                    'jkwhbXrjdbz': '',
                    // 其他途径急毒
                    'jkwhbQttjjd': '',
                    // 急性毒性备注
                    'jkwhbJxdxbz': '',
                    // 慢毒经口NOAEL
                    'jkwhbMdjknoael': '',
                    // 慢毒经口LOAEL
                    'jkwhbMdjkloael': '',
                    // 慢毒经口试验物种
                    'jkwhbMdjksywz': '',
                    // 慢毒经口暴露时间
                    'jkwhbMdjkblsj': '',
                    // 慢毒经口试验方法
                    'jkwhbMdjksyff': '',
                    // 慢毒经口效应
                    'jkwhbMdjkxy': '',
                    // 慢毒经口备注
                    'jkwhbMdjkbz': '',
                    // 慢毒吸入（气体）NOAEL
                    'jkwhbMdxrqtnoael': '',
                    // 慢毒吸入（气体）LOAEL
                    'jkwhbMdxrqtloael': '',
                    // 慢毒吸入（蒸气）NOAEL
                    'jkwhbMdxrzqnoael': '',
                    // 慢毒吸入（蒸气）LOAEL
                    'jkwhbMdxrzqloael': '',
                    // 慢毒吸入（粉尘）NOAEL
                    'jkwhbMdxrfcnoael': '',
                    // 慢毒吸入（粉尘）LOAEL
                    'jkwhbMdxrfcloael': '',
                    // 慢毒吸入试验物种
                    'jkwhbMdxrsywz': '',
                    // 慢毒吸入暴露时间
                    'jkwhbMdxrblsj': '',
                    // 慢毒吸入试验方法
                    'jkwhbMdxrsyff': '',
                    // 慢毒吸入效应
                    'jkwhbMdxrxy': '',
                    // 慢毒吸入备注
                    'jkwhbMdxrbz': '',
                    // 慢毒经皮NOAEL
                    'jkwhbMdjpnoael': '',
                    // 慢毒经皮LOAEL
                    'jkwhbMdjploael': '',
                    // 慢毒经皮试验物种
                    'jkwhbMdjpsywz': '',
                    // 慢毒经皮暴露时间
                    'jkwhbMdjpblsj': '',
                    // 慢毒经皮试验方法
                    'jkwhbMdjpsyff': '',
                    // 慢毒经皮效应
                    'jkwhbMdjpxy': '',
                    // 慢毒经皮备注
                    'jkwhbMdjpbz': '',
                    // 其他途径慢毒
                    'jkwhbQttjmd': '',
                    // 慢性毒性备注
                    'jkwhbMxdxbz': '',
                    // 致癌性描述
                    'jkwhbZaxms': '',
                    // 致癌性IARC分类
                    'jkwhbZaxIarcfl': '',
                    // RfC
                    'jkwhbRcf': '',
                    // RfD
                    'jkwhbRfd': '',
                    // 经口SF
                    'jkwhbJksf': '',
                    // 吸入IUR
                    'jkwhbXriur': '',
                    // 饮用水因子
                    'jkwhbYysyz': '',
                    // 致突变性描述
                    'jkwhbZtbxms': '',
                    // 生殖毒性NOAEL
                    'jkwhbSzdxnoael': '',
                    // 生殖毒性LOAEL
                    'jkwhbSzdxloael': '',
                    // 生殖毒性试验物种
                    'jkwhbSzdxsywz': '',
                    // 生殖毒性暴露途径
                    'jkwhbSzdxbltj': '',
                    // 生殖毒性备注
                    'jkwhbSzdxbz': '',
                    // 神经毒性
                    'jkwhbSjdx': '',
                    // 皮肤致敏
                    'jkwhbPfzm': '',
                    // 呼吸致敏
                    'jkwhbHxzm': '',
                    // 腐蚀刺激性
                    'jkwhbFsCjx': '',
                    // 流行病学信息
                    'jkwhbLxbxxx': '',
                    // 其他毒理学信息
                    'jkwhbQtdlxxx': '',
                    // 健康毒代动力学
                    'jkwhbJkdddlx': '',
                    // 健康危害信息备注
                    'jkwhbJkwhxxbz': '',

                    // 行业信息
                    // 主要用途描述
                    'hyxxbZyytms': '',
                    // 行业生产量
                    'hyxxbXyscl': '',
                    // 行业使用量
                    'hyxxbXysyl': '',
                    // 行业功能_多个
                    'hyxxbXygnDg': '',
                    // 行业应用领域
                    'hyxxbXyyyly': '',
                    // 行业生产工艺描述
                    'hyxxbXyscgyms': '',
                    // 行业使用工艺描述
                    'hyxxbXysygyms': '',
                    // 生产使用备注
                    'hyxxbScsybz': '',
                    // 排放系数_大气
                    'hyxxbPfxsDq': '',
                    // 排放系数_水
                    'hyxxbPfxsS': ''
                }
            }
        },
        methods: {
            modify() {
                this.$api.element.modifyElement(this.elementData).then(res => {
                    if (this.elementData.baseinfoCas === '') {
                        alert('CAS号不能为空,请输入CAS号！')
                        return
                    }
                    alert("修改成功！")
                    //刷新页面
                    this.$router.go(0)
                })
            },
            before() {
                if (this.index-- <= 0) this.index = 0
            },
            next() {
                if (this.index++ >= 5) this.index = 0
            }
        }
    }
</script>
<style scoped lang="scss">
</style>
